<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教材作业产量</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.timers-1.2.js"></script>
    <script type="text/javascript" src="jiaocai.js"></script>
    <style type="text/css">
        td{
            padding:1px;
            border-bottom:1px solid red;
        }
    </style>
</head>
<body>
    <div>
        <div><a href="#" onclick="one()">页1</a><a href="#" onclick="two()">页2</a><a href="#" onclick="three()">页3</a><a href="#" onclick="four()">页4</a><a href="#" onclick="five()">页5</a></div>
        <div id="header" style="background-color: black;font-family: 'Adobe 宋体 Std L';color: red;width: 512px; height: 30px; padding:0 20px;padding-top: 20px;">
            <span style="font-size: 23px;font-weight: normal;padding-left: 130px;">教材作业产量</span><span id='Timer' style="font-size: 16px;padding-left: 20px;"></span>
        </div>
        <div id="one" style="background-color: black;color: red;font-size: 18px;font-family: 'Adobe 宋体 Std L';width: 512px; height: 256px;padding:0 20px;padding-bottom: 20px; "></div>
        <div id="two" style="background-color: black;color: red;font-size: 18px;font-family: 'Adobe 宋体 Std L';width: 512px; height: 256px; padding:0 20px;padding-bottom: 20px;display: none"></div>
        <div id="three" style="background-color: black;color: red;font-size: 18px;font-family: 'Adobe 宋体 Std L';width: 512px; height: 256px; padding:0 20px;padding-bottom: 20px;display: none"></div>
        <div id="four" style="background-color: black;color: red;font-size: 18px;font-family: 'Adobe 宋体 Std L';width: 512px; padding:0 20px;padding-bottom: 20px; height: 256px;display: none"></div>
        <div id="five" style="background-color: black;color: red;font-size: 18px;font-family: 'Adobe 宋体 Std L';width: 512px; padding:0 20px;padding-bottom: 20px; height: 256px;display: none"></div>
    </div>

</body>
</html>